<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建团体</title>
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/common/base.css">
    <link rel="stylesheet" href="../../css/common/header-footer.css">
    <link rel="stylesheet" href="../../css/cl/common.css">
    <link rel="stylesheet" href="../../css/cl/chuangjian.css">
</head>
<body>
    <!-- 头部------------------- -->
    <header>
        <div class="header_top">
            <img src="../../img/信号组.png" alt="">
            <span class="header_time">上午 9:51</span>
            <span class="ht_right">
                <img src="../../img/蓝牙图标.png" alt="">
                <img src="../../img/电量百分比.png" alt="">
                <img src="../../img/电量图标.png" alt="">
            </span>
        </div>
        <div class="header_bottom">
            <div class="hb_left test">
                <img src="../../img/返回按钮-1.png" alt="" id="return">
                <!-- 需要更改title文字 -->
                <span class="title tuanti">创建团体</span>
            </div>
            <div class="hb_right">
                <img src="../../img/组 -1.png" alt="">
            </div>
        </div>
    </header>
    <!-- 头部 -->
    <div class="header"></div>
    <!-- 团体信息title -->
    <div class="msg">
        <h4>团体信息</h4>
    </div>
    <!-- 团体信息main -->
    <div class="main">
        <ul>
            <li>
                <span>团体名称</span>
                <span  class="first">新团体</span>
            </li>
            <li>
                <span>团体性质</span>
                <span  class="second">
                    <span>兴趣</span>
                    <span>社团</span>
                </span>
            </li>
            <li>
                <span>团体介绍</span>
                <span  class="third"></span>
            </li>
        </ul>
    </div>
    <!-- 其他 -->
    <div class="qita">
        <h4>其他</h4>
    </div>
    <!-- checkbox -->
    <div class="checkbox">
        <span class="btn" id="id_btn"></span>
        <span>已阅读并同意</span>
        <span class="xieyi">《协议》</span>
    </div>
    <!-- 提交 -->
    <div class="tijiao">
        <p>创建新团体需审核后生效</p>
        <a href="../cl/tijiao.html">提交</a>
    </div>
    
    <script>
        var  id_btn = document.getElementById("id_btn");
        var id_ok = document.getElementById("id_ok");
        var temp = 0;
        id_btn.addEventListener("click",function(){
            if(temp == 0){
                id_btn.style.backgroundImage = "url(../../img/cl/对\,正确\,打勾.png)";
                temp = 1;
            }else{
                id_btn.style.backgroundImage = "url(../../img/cl/单选按钮.png)";
                temp = 0;
            }
        });
        var fanhui = document.getElementById("return");
            fanhui.addEventListener("click",function(){
            window.history.back(-1);
        });
    </script>
</body>
</html>